<template>
  <div id="Communicate">
    <div class="inputCCC">
      <a-textarea placeholder="Please enter something" allow-clear />
    </div>
    <div class="outPutCCC">
      <a-scrollbar style="height: 500px; overflow: auto" class="ouT">
        <div
          style="height: 2000px; background-color: var(--color-primary-light-4)"
        >
          <a-empty />
        </div>
      </a-scrollbar>
    </div>
  </div>
</template>
<script>
export default {
  setup() {},
};
</script>
<style>
#Communicate {
  position: relative;
  width: 90%;
  padding-left: 100px;
  padding-top: 50px;
}
#Communicate .inputCCC {
  margin-bottom: 50px;
  width: auto;
}
#Communicate .outPutCCC {
  width: auto;
}
</style>